<!DOCTYPE html>

<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>

    <title>Gkey project guide</title>
    <link href="https://dl.dropboxusercontent.com/u/96099766/FullWidthModalPopup/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background:#ccffff;
border: ;
font-size:em;
padding:1px;
margin:0px;
color:#660000;
font-family:Arial, Helvetica, sans-serif;

}
.s {
width:1215px;
margin:auto auto auto auto;
padding: ;
border:;
background:;

}


.page {
width:1215px;
margin:auto auto auto auto;
padding: ;
border:;
background:;

line-height:0px;
}
.page:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.example {
    display: inline-block;
}
a:hover {
color:#ff66cc;
}
.div {
float:left;
padding: 5px 5px 5px 5px;
}
.panel {
float: left;
margin-top: 0px;
height:700px;
width:325px;
background:#0ff0bd;
}
.panel2 {
float: left;
margin-top: 0px;
height:700px;
width:800px;
background:#339999;
}
.bar{
	background-color:#5c9bb7;

	background-image:-webkit-linear-gradient(top, #5c9bb7, #5392ad);
	background-image:-moz-linear-gradient(top, #5c9bb7, #5392ad);
	background-image:linear-gradient(top, #5c9bb7, #5392ad);

	box-shadow: 0 1px 1px #ccc;
	border-radius: 2px;
	width: 225px;
	padding: 14px;
	margin: 4px 2px 2px 2px;
	
}

.bar input{
	background:#fff no-repeat 13px 13px;
	background-image:url();

	border: none;
	width: 100%;
	line-height: 19px;
	padding: 11px 0;

	border-radius: 2px;
	box-shadow: 0 2px 8px #c4c4c4 inset;
	text-align: left;
	font-size: 14px;
	font-family: inherit;
	color: #738289;
	font-weight: bold;
	outline: none;
	text-indent: 40px;
}

</style>
</head>

  <body>

    <div class="container">
<div class="s">
<!--<img src="C:/Users/devendher/Desktop/insidegov.gif" width="900" height="50" border="0" alt=""> -->
  <center><img src="" width="850" height="105" border="0" alt=""></center>
</div>
<div class="page">
<div class="example">
    <div class="container">
      
      <div class="navbar navbar-inverse" role="navigation">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>
          <div class="navbar-collapse collapse" style="height: 1px;">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
              <li><a href="#">Features</a></li>
              <li><a href="">Pricing</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products<b class="caret"></b></a>
                <ul class="dropdown-menu">
                <li><a href="#">Latest Products</a></li>
                <li><a href="#">Popular Products</a></li>
                </ul>
              </li>          
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Membership<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Personal Membership</a></li>
                  <li><a href="#">Premium Membership</a></li>
                </ul>
              </li>
              <li><a href="#">Offers</a></li>
              <li><a href="#">Gallery</a></li>
              <li><a href="#">About Us</a></li>
              <li><a href="#">Contact</a></li>
              <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
                <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div> 


   
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://dl.dropboxusercontent.com/u/96099766/FullWidthModalPopup/js/bootstrap.min.js"></script>
   
   <!-- <script src="js/ie10-viewport-bug-workaround.js"></script>-->
</div>
</div>
<div class="panel">
<h1></h1>
<h1></h1>
<h1></h1>
<h1></h1>
</div>
<div class="panel2">
<center>
<br/>
<br/> <br/><br/><br/><br/>
<p class="{color:#ff6666;family-font:arial;font-size:25px}"><h1> Gkey Search</h1></p>
<form role="form" class="form-inline">
<div class="form-group">
<div class="bar">
<input type="text" name="SEARCH" placeholder="Enter your query" class="form-control" ng-model="search"></div>
<button class="btn btn-default" name="Search" type="button">Search</button>
<!--<input type="Submit" name="Search" value="Go" class=":hover{color:red; }">  <form role="search" class="">
                <div class="form-group">
                    <input type="text" placeholder="Search" class="form-control">
                </div>
            </form>
-->
</form>
</center>
</div>
</body>
</html>
